* { margin: 0px; padding: 0px; }
li { list-style: none; }
a { text-decoration: none; color: black; }
input { background: none; outline: none; border: 0px; }
html, body { background-color: #f2f2f2; scroll-behavior: smooth; }

.swiper-pagination { --swiper-theme-color: #2e3192; --swiper-pagination-color: #2e3192; /* 两种都可以 */ }

.header { height: 120px; background-color: #ffffff; }
.header .main { height: 120px; width: 1200px; margin: 0 auto; padding-top: 30px; }

.nav { height: 65px; background-color: #2e3192; overflow: hidden; }
.nav .wid { width: 1200px; margin: 0 auto; }
.nav .wid li { float: left; }
.nav .wid li:hover { background: rgba(59,62,161,1) }
.nav .wid li a { height: 65px; width: 165px; display: block; color: white; }
.nav .wid .cus { background: rgba(59,62,161,1) }
.nav .wid li a img { max-width: 30px; float: left; padding-top: 20px; padding-left: 30px; opacity: 0.5; }
.nav .wid li a p { float: left; padding-left: 10px; padding-top: 20px; }

.banner { width: 1200px; margin: 0 auto; margin-top: 20px; }
.banner img { max-width: 100%; }
#m-banner .swiper-pagination { bottom: 24px; }
#m-banner .swiper-pagination-bullet { display: inline-block; width: 25px; height: 2px; opacity: 0.5; border-radius: 0; margin: 0 3px; cursor: pointer; transition: width 0.3s cubic-bezier(0.42, 0, 0, 0.94); }
#m-banner .swiper-pagination-bullet-active { background: #000000; width: 36px; height: 5px; opacity: 1; }

.main { width: 1200px; margin: 0 auto; padding-bottom: 33px; overflow: hidden; }
.main .wl { width: 860px; float: left; overflow: hidden }
.main .wr { width: 300px; float: right; overflow: hidden }
.main .news-main { float: left; width: 860px; height: 340px; padding-top: 25px; padding-left: 30px;overflow:hidden }
.main .news-main .news-header img { float: left; padding-right: 10px; padding-top: 4px; max-width: 27px; }
.main .news-main .news-header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .news-main .news-content { float: left; width: 840px; margin-top: 25px; }
.main .news-main .news-content .news-img { float: left; width: 360px; height: 100% }
.main .news-main .news-content .news-img img { max-width: 360px; }
.main .news-main .news-content .news-info { float: left; width: 460px; height: 100%; margin-left: 20px; }
.main .news-main .news-content .news-top { padding-top: 7px; padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; }
.main .news-main .news-content .news-top .title { color: #2e3192; font-size: 16px; width: 100%; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main .news-main .news-content .news-top .small { height: 40px;padding-right:15px; color: #adadad; line-height: 20px; margin-top: 10px; font-size: 14px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main .news-main .news-content .news-list { width: 440px; height: 100%; }
.main .news-main .news-content .news-list ul { padding-top: 10px; position: relative; }
.main .news-main .news-content .news-list li { width: 440px; font-size: 14px; float: left; line-height: 29px; margin-left: 20px;  }
.main .news-main .news-content .news-list li a { display: block;}
.main .news-main .news-content .news-list li a p { width: 320px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main .news-main .news-content .news-list em { width: 7px; height: 7px; border-radius: 50%; background-color: #2e3192; display: block; position: absolute; left: 4px; margin-top: 12px; }
.main .news-main .news-content .news-list span { width: 90px; float: right; font-size: 14px; color: #666666; line-height: 29px; }



.main .honor .honor-swiper { clear: left; position: relative; padding-top: 40px;}
.main .honor .honor-header { padding-top: 25px; }
.main .honor .honor-header img { float: left; padding-right: 10px; padding-top: 4px; }
.main .honor .honor-header p { font-weight: bold; font-size: 24px; color: #333333; }

.main .honor .honor-swiper .prex { z-index: 100; height: 12px; width: 12px; border-bottom: 4px solid #a5a5a5; border-left: 4px solid #a5a5a5; border-radius: 2px; transform: rotate(45deg); position: absolute; top: 50%; left: 5px; }
.main .honor .honor-swiper .next { z-index: 100; height: 12px; width: 12px; border-top: 4px solid #a5a5a5; border-right: 4px solid #a5a5a5; border-radius: 2px; transform: rotate(45deg); position: absolute; top: 50%; right: 52px; }
.main .honor .honor-swiper img { max-width: 193px; }
.main .honor .honor-swiper .honor-main { width: 193px; margin-left: 30px; }
.main .honor .honor-swiper .prex:hover { border-bottom: 4px solid #2e3192; border-left: 4px solid #2e3192; }
.main .honor .honor-swiper .next:hover { border-top: 4px solid #2e3192; border-right: 4px solid #2e3192; }
.main .honor .honor-swiper .next:focus { outline: none; }
.main .honor .honor-swiper .prex:focus { outline: none; }

.main .company-main { width: 840px; padding-top: 25px; margin-left: 30px; clear: left; }
.main .company-main .company-header { height: 45px; border-bottom: 1px solid #e2e2e2; }
.main .company-main .company-header img { float: left; padding-right: 10px; padding-top: 4px; max-width: 27px; }
.main .company-main .company-header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .company-main .company-header .company-more { float: right;width:100px; margin-top: 12px; background: url(../images/images_62.jpg)no-repeat 75% }
.main .company-main .company-header .company-more img { float: right; }
.main .company-main .company-header .company-more p { font-size: 14px; color: #666666; font-weight: normal; }
.main .company-main .company-header .company-more p:hover { font-weight: bold }
.main .company-main .company-content { width: 840px; margin-top: 29px; float: left; }
.main .company-main .company-content .company-img { width: 165px; float: left; }
.main .company-main .company-content .company-img img { max-width: 165px; }
.main .company-main .company-content .company-info {  }
.main .company-main .company-content .company-info {width: 650px; height: 135px; float: left; margin-left: 15px; font-size: 14px;  }
.main .company-main .company-content .company-info a {line-height: 28px;color: #666666; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.main .company-main .company-content .company-honor { width: 840px; padding-top: 25px; clear: left; }
.main .company-main .company-content .company-honor .title { font-weight: bold; font-size: 18px; color: #333333; padding-bottom: 17px; }
.main .company-main .company-content .company-honor ul { overflow: hidden; }
.main .company-main .company-content .company-honor ul li{ float: left; padding: 0px 10px;margin: 8px 0px; width: 30%;font-size: 14px;color: #666666;}

.main .business { width: 300px; float: right; margin-top: 14px; }
.main .business .business-header { height: 45px; border-bottom: 1px solid #e2e2e2; margin-right: 30px; }
.main .business .business-header img { float: left; padding-right: 10px; padding-top: 4px; padding-left: 5px; max-width: 27px; }
.main .business .business-header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .business .business-list { width: 271px; margin-top: 40px; }
.main .business .business-list ul { width: 270px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; float: right; }
.main .business .business-list ul li { width: 134px; height: 55px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; float: left; }
.main .business .business-list ul li a { width: 134px; height: 55px; display: block; }
.main .business .business-list ul li img { float: left; padding-top: 20px; padding-left: 9px; padding-right: 6px; }
.main .business .business-list ul li p {  padding-top: 18px; font-size: 12px; color: #666666 }

.main .ad { width: 1142px; height: 146px; margin-left: 28px; padding-top: 20px; clear: left; }
.main .ad img { max-width: 1142px; }

.main .performance { margin: 0px 30px; margin-top: 35px; }
.main .performance .header { width: 80%; height: 45px; float: left; }
.main .performance .header img { float: left; padding-right: 10px; padding-top: 4px; padding-left: 5px; max-width: 27px; }
.main .performance .header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .performance .more { height: 18px; float: right; background: url(../images/images_62.jpg) no-repeat right 3px; margin-top: 5px; }
.main .performance .more p { text-align: left; color: #b3b3b3; font-size: 14px; padding-right: 22px; }
.main .performance .more p:hover { font-weight: bold }
.main .performance .more a { color: #666666 }
.main .performance .list { clear: left; }
.main .performance .list a { width: 157px; height: 105px; display: block; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main .performance .list img { max-width: 157px; }
.main .performance .list p { background: rgba(0,0,0,0.5); position: absolute; bottom: 0px; color: white; width: 150px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; padding-left: 10px; padding-top: 10px; }
.main .performance .list ul { width: 1200px; }
.main .performance .list li { float: left; padding-right: 7px; padding-bottom: 7px;; }
.main .performance .list li:hover p { background: rgba(46,49,146,0.5) }

.main .link { margin: 0px 30px; padding-top: 30px; clear: left; overflow: hidden }
.main .link .header { width: 80%; height: 45px; float: left; }
.main .link .header img { float: left; padding-right: 10px; padding-top: 4px; padding-left: 5px; max-width: 27px; }
.main .link .header p { float: left; font-size: 24px; color: #333333; font-weight: bold; }
.main .link .link-more { height: 18px; float: right; background: url(../images/images_62.jpg)no-repeat right 3px; margin-top: 5px; }
.main .link .link-more p { text-align: left; color: #b3b3b3; font-size: 14px; padding-right: 22px; }
.main .link .link-more p:hover { font-weight: bold }
.main .link .link-more a { color: #666666; }
.main .link .list { clear: left; }
.main .link .list ul { width: 1200px;  }
.main .link .list li { float: left; width: 110px; height:53px; background-color: #f2f2f2; margin-right: 17px;margin-top: 12px; }
.main .link .list p { margin: 10px;font-size: 12px; color: #333333; line-height: 17px;word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.main .link .list a { width: 100%; height: 100%; display: block; }
.main .link .list li:hover { background-color: #2e3192; }
.main .link .list li:hover p { color: white }

/*新闻展示页*/
.news-page { width: 1200px; margin: 0 auto; margin-bottom: 25px; margin-top: 25px; padding-bottom: 33px; background-color: #ffffff; overflow: hidden; }
.news-page .wl { width: 266px; margin-top: 30px; padding-left: 25px; float: left; }
.news-page .wl .menu {background-color: #2e3192;}
.news-page .wl .menu .menu-header { height: 76px; background-color: #2e3192; }
.news-page .wl .menu .menu-header img { float: left; padding-left: 33px; padding-top: 26px; max-width: 27px; }
.news-page .wl .menu .menu-header p { color: white; font-size: 24px; font-weight: bold; padding-left: 66px; padding-top: 21px; }

.news-page .wl .menu .menu-list { width: 266px; }
.news-page .wl .menu .menu-list ul { width: 266px;background-color: #f2f2f2; }
.news-page .wl .menu .menu-list li { margin: 0 auto; height: 52px; width: 237px; border-bottom: 1px solid #dddddd; position: relative; }
.news-page .wl .menu .menu-list p { padding-top: 19px; padding-left: 35px; font-size: 14px; }
.news-page .wl .menu .menu-list em { width: 7px; height: 7px; background-color: #bebebe; border-radius: 50%; position: absolute; top: 50%; left: 20px; }
.news-page .wl .menu .menu-list li:last-child { border: 0px; }
.news-page .wl .menu .menu-list li:hover em { background-color: #2e3192; font-size: 14px; }
.news-page .wl .menu .menu-list .cur em { width: 7px; height: 7px; background-color: #2e3192; border-radius: 50%; position: absolute; top: 50%; left: 20px; }
.news-page .wl .menu .menu-list .cur p { color: #2e3192 }

.news-page .wl .list { width: 264px; float: left; margin-top: 40px; border: 1px solid #e4e4e4 }
.news-page .wl .list .list-header { height: 76px; background: url(../images/header-02.png) #f7f7f7 no-repeat center left 33px; }
.news-page .wl .list .list-performance { padding-left: 20px; padding-right: 20px; }
.news-page .wl .list .list-header p { color: #333333; font-size: 24px; font-weight: bold; padding-left: 75px; padding-top: 21px; }
.news-page .wl .list .list-banner { height: 179px; border-top: 1px solid #e4e4e4; }
.news-page .wl .list .list-banner .swiper { padding-top: 25px; }
.news-page .wl .list .list-banner .swiper .info { position: relative; height: 105px; }
.news-page .wl .list .list-banner .swiper .info img {  max-width: 157px; display: block; }
.news-page .wl .list .list-banner .swiper .banner-info { width: 157px; height: 40px; background: rgba(0,0,0,0.5); position: absolute; bottom: 0px; }
.news-page .wl .list .list-banner .swiper .banner-info p { width: 157px; color: white; padding-top: 8px; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.news-page .wr { clear: right; width: 855px; float: right; margin-right: 30px; margin-top: 30px; }
.news-page .wr .header { width: 100%; height: 75px; border-bottom: 1px solid #dfdfdf; }
.news-page .wr .header .title { width: 50%; float: left; }
.news-page .wr .header .title p { font-size: 20px; color: #333333; font-weight: bold; padding-top: 25px; padding-left: 10px; }
.news-page .wr .header .nav-list { width: 50%; float: right; }
.news-page .wr .header .nav-list .navs img { max-width: 14px; padding-right: 10px; }
.news-page .wr .header .nav-list .navs p { padding-top: 30px; text-align: right; font-size: 14px; color: #666666; }
.news-page .wr .header .nav-list .navs a { font-size: 14px; color: #666666; }

.news-page .wr .news-list { padding-top: 25px; overflow: hidden; }
.news-page .wr .news-list ul { padding-top: 10px; }
.news-page .wr .news-list li { width: 810px; color: #333333; font-size: 14px; float: left; position: relative; padding-left: 30px; line-height: 44px; }
.news-page .wr .news-list em { width: 5px; height: 5px; border-radius: 50%; background-color: #2e3192; display: block; position: absolute; top: 50%; left: 10px; }
.news-page .wr .news-list a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-page .wr .news-list span { float: right; color: #666666; font-size: 12px; }

.news-page .wr .link-list { padding-top: 25px; overflow: hidden; }
.news-page .wr .link-list ul { padding-top: 10px; }
.news-page .wr .link-list li { width: calc(30% - 2px); color: #333333; font-size: 14px; float: left; position: relative; padding-left: 30px;margin:10px 0px; }
.news-page .wr .link-list em { width: 5px; height: 5px; border-radius: 50%; background-color: #2e3192; display: block; position: absolute; top: 50%; transform:translateY(-50%); left: 10px; }


/*页码高亮显示*/
.flickr .Ahover { background-color: #2e3192; color: white; }
/*页码CSS样式*/
.flickr { margin-left: 184px; margin-top: 74px; }
.flickr a, .flickr span { display: inline-block; width: 48px; height: 35px; text-align: center; background-color: #d6d6d6; color: black; font-size: 16px; padding-top: 14px; }
.flickr a.hunp { margin: 0px 11px; }
.flickr .pren { margin: 0px 30px; }
.flickr a:hover { background-color: #2e3192; color: white; }
.flickr .disabled {  }

.news-page .wr .show .title p { text-align: center; font-size: 18px; font-weight: bold; margin-top: 20px; }
.news-page .wr .show .time { text-align: center; font-size: 15px; margin: 20px 0px; }
.news-page .wr .show .content { margin-top: 30px; font-size: 14px; line-height: 31px; padding-left: 20px; }
.news-page .wr .show .content img { max-width: 100%; }
.news-page .wr .show .content a:hover { color:#2E3192;font-weight:bold; }

.news-page .wr .show .prev { font-size: 14px; line-height: 26px; padding-top: 20px; color: #333333; }
.news-page .wr .show .next { font-size: 14px; line-height: 26px; color: #333333; }

.news-page .wr .honor-main { width: 193px; }
.news-page .wr .honor-list { overflow: hidden; }
.news-page .wr .honor-list ul { width: 100%; margin-top: 30px; }
.news-page .wr .honor-list li { width: 165px; float: left; padding-left: 45px; padding-bottom: 25px; }
.news-page .wr .honor-list a { height: 100%; display: block; }
.news-page .wr .honor-list img { max-width: 350px; display: block; width: 100%; height: 110px; object-fit: cover; }
.news-page .wr .honor-list p { text-align: center; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-page .wr .honor-list li:hover p { color: #2e3192; }

.news-page .wr .performance-main { width: 193px; }
.news-page .wr .performance-list { overflow: hidden; }
.news-page .wr .performance-list ul {width: 100%;margin-top: 30px;gap: 40px;display: grid;grid-template-columns: repeat(4,1fr);}
.news-page .wr .performance-list li {width: 100%;/* float: left; */overflow: hidden;/* padding-left: 40px; *//* padding-bottom: 25px; */}
.news-page .wr .performance-list a { height: 100%; display: block; }
.news-page .wr .performance-list img { max-width: 350px; display: block; width: 100%;}
.news-page .wr .performance-list p { text-align: center; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-page .wr .performance-list li:hover p { color: #2e3192; }





.foot { height: 130px; background-color: #333333; }
.foot .content { width: 1200px; margin: 0 auto; }
.foot .content .wl { margin-top: 35px; width: 900px; height: 60px; float: left; margin-top: 35px; }
.foot .content .link-search { width: 380px; height: 60px; background-color: white; position: relative; float: left; }
.foot .content .link-search p { padding-top: 20px; padding-left: 20px; font-size: 14px; color: #666666; }
.foot .content .link-search .down {cursor:pointer; width: 10px; height: 10px; border-bottom: 2px solid #333333; border-right: 2px solid #333333; transform: rotate(45deg); position: absolute; right: 35px; top: 20px; }
.foot .content .link-downmenu { z-index: 5; width: 380px; background-color: white; top: 60px; position: absolute; display: none; }
.foot .content .link-downmenu ul { width: 350px; height: 260px; margin: 0 auto; padding: 15px 0px; overflow: auto; }
.foot .content .link-downmenu li { width: 300px; margin: 0 auto; padding-left: 30px; line-height: 30px; color: #333333; position: relative; }
.foot .content .link-downmenu em { width: 5px; height: 5px; background-color: #2e3192; display: block; border-radius: 50%; position: absolute; left: 15px; top: 14px }



.foot .content .search { width: 380px; height: 60px; float: left; margin-left: 30px; position: relative; }
.foot .content .search input { background-color: white; width: 380px; height: 60px; text-indent: 20px; }
.foot .content .search .search-submit { cursor:pointer; width: 21px; height: 21px; position: absolute; right: 20px; top: 20px; background: #ffffff; background-color: yellow; background: #ffffff url(../images/images_115.jpg) top no-repeat; }


.foot .content .wr { width: 300px; height: 60px; float: right; margin-top: 18px; }
.foot .content .code { width: 250px; height: 95px; float: right; }
.foot .content .code ul { width: 285px; }
.foot .content .code li { float: left; width: 120px; margin-right: 15px; position: relative; }
.foot .content .code li:last-child { margin-right: 0px; }
.foot .content .code img { max-width: 94px; }
.foot .content .code li p { float: right; color: white; height: 95px; text-align: center; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }

.foot2f { height: 280px; background-color: #2d2d2d; }
.foot2f .content { width: 1200px; margin: 0 auto; height: 280px; background-color: #2d2d2d; }
.foot2f .content .h { height: 40px; }
.foot2f .content .wl { width: 290px; height: 190px; border-right: 1px solid #424242; float: left; }
.foot2f .content .wl .title { color: white; font-size: 16px; }
.foot2f .content .wl .small { color: #969696; font-size: 14px; padding-top: 20px; }

.foot2f .content .wr { width: 908px; height: 190px; float: left; }
.foot2f .content .wr ul { display: flex; flex-direction: row; justify-content: flex-end; }
.foot2f .content .wr li { padding-left: 43px; }
.foot2f .content .wr li:first-child { padding-left: 0px; }
.foot2f .content .wr li a { color: white; font-size: 16px; }
.foot2f .content .wr .menu { width: 220px; }
.foot2f .content .wr dd { padding-top: 10px; }
.foot2f .content .wr dd a { font-size: 13px; color: #a0a0a0; }
.foot2f .content .wr .menu dd { padding-top: 12px; width: 110px; float: left; }
.foot2f .content .wr .menu dd a { width: 110px; display: block; font-size: 13px; color: #a0a0a0; }

.foot3f { height: 85px; background-color: #333333; }
.foot3f .content { height: 85px; width: 1200px; margin: 0 auto; }

.foot3f .content p { text-align: center; padding-top: 30px; color: #8b8b8b; font-size: 14px; }
.foot3f .content a { color: #8b8b8b; font-size: 14px; }